﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Aidaka</title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<!--<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />-->
<link href="3rd/css/jquery-ui.css" rel="stylesheet">
<link rel="stylesheet" href="./3rd/css/jquery-ui-timepicker-addon.css">
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
	padding-left: 100px;
	padding-right: 100px;
}
.sidebar-nav {
	padding: 0;
}
.ui-datepicker {
	width:225px;
}

</style>
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
<div class="navbar  navbar-fixed-top pricehover">
  <div class="navbar-inner">
    <div class="container-fluid">
      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="brand" href="./aidaka.html" style="margin-left:200px"> Aidaka</a>
      <div class="nav-collapse collapse" >
        <ul class="nav">
          <li class="active"><a href="./aidaka.html">Home</a></li>
          <li class=""><a href="./about.html">About</a></li>
          <li class=""><a href="./contact.html">Contact</a></li>
        </ul>
        <form class="navbar-search pull-left" action="#"  style="margin-right:20px">
          <input type="text" class="search-query span3 " placeholder="Search" name="search">
        </form>
        <ul class="nav" >
          <li ><a href="#" class="navbar-link">zhangqiang</a></li>
          <li ><a href="#myModal" data-toggle="modal" class="navbar-link" rel="tooltip" title="create task"> <i class="icon-pencil"></i> </a></li>
          <li ><a href="#"  class="navbar-link" rel="tooltip" title="setting"> <i class="icon-cog"></i></a> </li>
        </ul>
      </div>
      <!--/.nav-collapse -->
    </div>
  </div>
</div>
<div class="container-fluid">
  <div class="row-fluid">
    <div class="span3" >
      <div class="sidebar-nav">
        <div id="datepicker"></div>
      </div>
      <!--/.well -->
    </div>
    <!--/span-->
    <div class="span9">
      <div class="row-fluid">
        <div class="span12 well">
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        </div>
        <!--/span-->
      </div>
      <div class="row-fluid">
        <div class="span12 well">
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        </div>
        <!--/span-->
      </div>
      <div class="row-fluid">
        <div class="span12 well">
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        </div>
        <!--/span-->
      </div>
      <div class="row-fluid">
        <div class="span12 well">
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        </div>
        <!--/span-->
      </div>
      <div class="row-fluid">
        <div class="span12 well">
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        </div>
        <!--/span-->
      </div>
      <div class="row-fluid">
        <div class="span12 well">
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        </div>
        <!--/span-->
      </div>
    </div>
    <!--/span-->
  </div>
  <!--/row-->
  <hr>
  <footer>
    <p>&copy; Company Aidaka</p>
  </footer>
</div>
<!--/.fluid-container-->


<!-- Modal -->  
<form id="myModal" class="modal hide fade form-horizontal" method="post" action="#" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h1>创建任务</h1>
  </div>
  <div class="modal-body">
    <fieldset>
    <div class="control-group">
      <label class="control-label" for="content">content:</label>
      <div class="controls">
        <textarea rows="4" name="content"></textarea>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="start_time">start time:</label>
      <div class="controls">
        <input id="start_time" type="text" name="start_time">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="start_time">expire time:</label>
      <div class="controls">
        <input id="expire_time" type="text" name="expire_time">
      </div>
    </div>
    </fieldset>
  </div>
  <div class="modal-footer">
    <input  type="reset" class="btn btn-primary" value="reset">
    <input  type="submit" class="btn btn-primary" value="submit" data-dismiss="modal">
  </div>
</form>
<!-- /Modal -->  


<!-- Le javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<!--<script src="http://code.jquery.com/jquery-1.9.1.js"></script>-->
<script src="3rd/js/jquery-1.9.1.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="3rd/js/jquery-ui.js"></script>
<!--<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>-->
<script src="./3rd/js/jquery-ui-timepicker-addon.js"></script>
<script  type="text/javascript">
	 $(document).ready(function() {
       $("#datepicker").datepicker();
	   $("#start_time").datetimepicker({
		timeFormat: "HH:mm",
		dateFormat: "yy-mm-dd"
	   });
	   $("#expire_time").datetimepicker({
		timeFormat: "HH:mm",
		dateFormat: "yy-mm-dd"
	   });
    }); 
	</script>
</body>
</html>
